﻿@page
@model ShenNius.Layui.Admin.Pages.Cms.SiteModifyModel
@section css{
    <link href="~/js/lay-module/step-lay/step.css" rel="stylesheet" />
}
<div class="layuimini-container">
    <div class="layuimini-main" style="height:750px;">

        <div class="layui-fluid">
            <div class="layui-card">
                <div class="layui-card-body" style="padding-top: 40px;">
                    <div class="layui-carousel" id="stepForm" lay-filter="stepForm" style="margin: 0 auto;">
                        <div carousel-item style="height:750px">
                            <div>
                                <form class="layui-form" style="margin: 0 auto;max-width: 500px;padding-top: 40px;">
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">站点名称:</label>
                                        <div class="layui-input-block">
                                            <input type="text" placeholder="请填写站点名称" name="name" class="layui-input" lay-verify="name" required />

                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">站点域名:</label>
                                        <div class="layui-input-block">
                                            <input type="text" name="url" placeholder="请填写入站点域名" value="" class="layui-input" lay-verify="url" required>
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">版权:</label>
                                        <div class="layui-input-block">
                                            <input type="text" name="copyright" placeholder="请填写版权" value="" class="layui-input" lay-verify="copyright" required>
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">标题:</label>
                                        <div class="layui-input-block">
                                            <input type="text" name="url" placeholder="请填写入站点域名" value="" class="layui-input" lay-verify="url" required>
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">关键字:</label>
                                        <div class="layui-input-block">
                                            <input type="text" name="url" placeholder="请填写入站点域名" value="" class="layui-input" lay-verify="url" required>
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">描述:</label>
                                        <div class="layui-input-block">
                                            <textarea name="description" placeholder="请输入备注" value="" class="layui-textarea"></textarea>
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">是否关闭</label>
                                        <div class="layui-input-block">                                            
                                             <input type="checkbox" name="status" value="true" lay-skin="switch">                              
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">关闭原因:</label>
                                        <div class="layui-input-block">
                                            <textarea name="closeInfo" placeholder="请输入关闭原因" value="" class="layui-textarea"></textarea>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <div class="layui-input-block">
                                            <button class="layui-btn" lay-submit lay-filter="formStep">
                                                &emsp;下一步&emsp;
                                            </button>
                                        </div>
                                    </div>
                                </form>
                            </div>

                            <div>
                                <form class="layui-form" style="margin: 0 auto;max-width: 500px;padding-top: 40px;">
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">公司电话:</label>
                                        <div class="layui-input-block">
                                            <input type="text" name="tel" placeholder="请填写入公司电话" value="" class="layui-input" lay-verify="tel" required>
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">公司传真:</label>
                                        <div class="layui-input-block">
                                            <input type="text" name="tel" placeholder="请填写入公司电话" value="" class="layui-input" lay-verify="tel" required>
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">联系邮箱:</label>
                                        <div class="layui-input-block">
                                            <input type="text" name="tel" placeholder="请填写入公司电话" value="" class="layui-input" lay-verify="tel" required>
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">联系地址:</label>
                                        <div class="layui-input-block">
                                            <input type="text" name="tel" placeholder="请填写入公司电话" value="" class="layui-input" lay-verify="tel" required>
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">客服QQ:</label>
                                        <div class="layui-input-block">
                                            <input type="text" name="tel" placeholder="请填写入公司电话" value="" class="layui-input" lay-verify="tel" required>
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">备注:</label>
                                        <div class="layui-input-block">
                                            <textarea name="closeInfo" placeholder="请输入关闭原因" value="" class="layui-textarea"></textarea>
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <div class="layui-input-block">
                                            <button type="button" class="layui-btn layui-btn-primary pre">上一步</button>
                                            <button class="layui-btn" lay-submit lay-filter="formStep2">
                                                &emsp;其他信息&emsp;
                                            </button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <div>

                                <div class="layui-form-item">
                                    <label class="layui-form-label">微信:</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="tel" placeholder="请填写入公司电话" value="" class="layui-input" lay-verify="tel" required>
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">微博:</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="tel" placeholder="请填写入公司电话" value="" class="layui-input" lay-verify="tel" required>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                 
                </div>
            </div>
        </div>

    </div>
</div>
@section js{
    <script>
        layui.use(['form', 'step'], function () {
            var $ = layui.$,
                form = layui.form,
                step = layui.step;

            step.render({
                elem: '#stepForm',
                filter: 'stepForm',
                width: '100%', //设置容器宽度
                stepWidth: '750px',
                height: '500px',
                stepItems: [{
                    title: '站点基本信息'
                }, {
                    title: '公司信息'
                }, {
                    title: '其他信息'
                }]
            });

            form.on('submit(formStep)', function (data) {
                step.next('#stepForm');
                return false;
            });

            form.on('submit(formStep2)', function (data) {
                step.next('#stepForm');
                return false;
            });

            $('.pre').click(function () {
                step.pre('#stepForm');
            });

            $('.next').click(function () {
                step.next('#stepForm');
            });
        })
    </script>
}

